﻿<div class="content-wrap" ng-if="userInfo.isAuthenticated">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Welcome to Sustainalytics’ Global Access
            </div>
            <div class="home-blue-title-mobile">
                Welcome to Sustainalytics’ Research
            </div>
            <div class="home-left-text">
                <p>
                    Sustainalytics’ Global Access provides an array of ESG research products all in one place. The in-depth research, robust screening tools,
                    intuitive user interface and enhanced navigation will support the use of our ESG research and analysis in your investment decision-making processes.
                    We hope you find Global Access beneficial to your daily work and we look forward to hearing your feedback about the portal.
                </p>


                <p><b>First time user?</b> We encourage you to make use of the following guidance:</p>
                <ol>
                    <li>
                        Brief video tutorial providing high level <a ng-click="home.tutorialPreview()" style="cursor: pointer;">overview of Global Access</a>
                    </li>
                    <li>
                        Detailed overview of Global Access research and functionality via 30-minute <a ng-click="home.tutorialPreview3()" style="cursor: pointer;">Webinar recording</a>
                    </li>
                </ol>

                <!--<p style="font-weight: bold;">
                    New Features in Global Access:
                </p>
                <ul>
                    <li>System Portfolios: access all standard indices assigned to your account in the Tools section  (under Customized Settings – Universe) and to set up alerts under Portfolio Monitoring</li>
                    <li>Highest Controversy Level: apply this new data point and filter as customized selection criteria in the Tools section (under ESG Performance – Controversy Indicators)</li>
                    <li>News Feed: see company Overview tabs for links to any noteworthy ESG-related news sources from the past 90 days, which inform Sustainalytics’ controversy assessments. </li>
                </ul>-->


               
            </div>
            <!--<div class="home-left-text-mobile">
                Sustainalytics is an award-winning globa responsible investment research firm specialized in environmental, social and governance (ESG) research and analysis. The firm offers global perspectives and solutions that are underpinned by local expertise, serving both values-based and mainstream investors that integrate ESG information and assessments into their investment decisions.<br /><br />
            </div>-->
        </div>
        <div class="main-col">            
            <div class="home-info" ng-show="home.hasNotification">
                <div class="home-info-left"></div>
                <div class="home-info-right" ng-bind-html="home.notificationBody">
                </div>
            </div>            
            <div class="home-modules">
                <div class="home-modules-icon">
                    <a ng-class="{disabled: !home.hasPortfolioPermision}" href="#/portfolios"><img src="../content/images/icn-home-portfolio.png" style="width: 70px;"/></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a ng-class="{disabled: !home.hasPortfolioPermision}" href="#/portfolios">My Portfolios</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="item in home.portfoliosTopList">
                        <a href="#/portfolios/{{item.id}}" style="white-space: nowrap; overflow: hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{item.name}}</a>
                    </div>
                    <a ng-class="{disabled: !home.hasPortfolioPermision}" class="gray-link" href="#/portfolios">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="home-modules" style="margin-right: 0;">
                <div class="home-modules-icon">
                    <a href="#/news"><img src="../content/images/icn-home-news.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/news">Spotlight</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="item in home.newsTopList">
                        <a href="#/news/{{item.id}}" style="white-space: nowrap; overflow: hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{item.title}}</a>
                    </div>
                    <a class="gray-link" href="#/news">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div>
            <div class="home-modules">
                <div class="home-modules-icon">
                    <a href="#/mostrecentactivity"><img src="../content/images/icn-home-recent-activity.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/mostrecentactivity">My Most Recent Activity</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="activity in home.mostRecentActivityTopList">
                        <a href="" ng-click="home.redirectToCompanyPage(activity.companyNameUrlFriendly)" style="display: inline-block; min-width: 230px;">{{activity.companyName}}</a>
                    </div>
                    <a class="gray-link" href="#/mostrecentactivity">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="home-modules" style="margin-right: 0;">
                <div class="home-modules-icon">
                    <a href="#/events"><img src="../content/images/icn-home-calendar.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/events">Events</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="item in home.eventsTopList.items">
                        <a href="#/events/{{item.id}}" style="white-space: nowrap; overflow: hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{item.name}}</a>
                    </div>
                    <a class="gray-link" href="#/events">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div>
            <div class="home-modules">
                <div class="home-modules-icon">
                    <a href="#/mostactivereports"><img src="../content/images/icn-home-most-active-reports.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/mostactivereports">Top 20 Active Reports</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="report in home.mostActiveReportsTopList">
                        <span ng-if="report.inUniverse">
                            <a href="" ng-click="home.redirectToCompanyPage(report.companyNameUrlFriendly)" style="display: inline-block; min-width: 230px;">{{report.companyName}}</a>
                        </span>
                        <span ng-if="!report.inUniverse">
                            {{report.companyName}}
                        </span>
                    </div>
                    <a class="gray-link" href="#/mostactivereports">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="home-modules" style="margin-right: 0;">
                <div class="home-modules-icon">
                    <a href="#/insights"><img src="../content/images/icn-home-insights.png" style="width: 70px;"></a>
                </div>
                <div class="home-modules-text">
                    <div class="home-modules-title">
                        <a href="#/insights">Knowledge Center</a>
                    </div>
                    <div class="home-modules-links" ng-repeat="insight in home.insightsTopList">
                        <a href="#/insights/{{insight.id}}" style="white-space: nowrap; overflow: hidden; display: inline-block; max-width: 230px; text-overflow: ellipsis;">{{insight.title}}</a>
                    </div>
                    <a class="gray-link" href="#/insights">See all</a>
                </div>
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>
